<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商品列表</title>


  <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/goods.css">

</head>
<body>
  
  <!-- header -->
  <header id="header" class="mui-bar mui-bar-nav">	
		<h1 class="mui-title">搜索</h1>
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <a class="mui-icon mui-icon-search mui-pull-right"></a>
  </header>

  <!-- 页面 -->
  <div id="refreshContainer" class="mui-content mui-scroll-wrapper">
    <!-- 商品列表 -->
    <div class="goods_list mui-scroll">

      <!-- mui 的下拉和上拉的容器中的 a 标签点击跳转失效问题 -->
      <!-- 模板渲染 -->
      <ul class="goods_wrap mui-table-view mui-table-view-chevron"></ul>
    </div>
    
  </div>


  <!-- footer -->
  @@include('footer.html', {"index":"1"})


</body>

<script src="./lib/mui/js/mui.min.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/common.js"></script>
<script src="./js/goods.js"></script>


</html>

<!-- 商品列表模板 -->
<script type="text/html" id="goodsTpl">
  {{each arr item index}}
  <li>
    <a href="detail.html?goods_id={{item.goods_id}}">
      <!-- 左边图片 -->
      <div class="left">
        <img src="{{item.goods_small_logo}}" alt="">
      </div>
      <!-- 右边描述 -->
      <div class="right">
        <div class="info mui-ellipsis-2">{{item.goods_name}}</div>
        <span class="price">￥{{item.goods_price}}</span>
      </div>
    </a>
  </li>
  {{/each}}
</script>


